/* COPYRIGHT TVB NETWORK VERSION 1.0 ALL RIGHT RESERVED 2022 */
/* _bottom_ style v1.0 */

:root{
	--_bottom_BGColor:#101720;
	--_ln_serv_TxtColor:#b1b1b1;
	--_txt_sell_slt_TX:#d1d1d1;
	--_cls_on_sell_FLT:brightness(0.4);
	--_cntTxt_TC:#555;
}

/* Define CSS variables for light mode */
[data-theme="light"] {
	--_bottom_BGColor:#101720;
	--_ln_serv_TxtColor:#b1b1b1;
	--_bottom_nav_BGColor:rgba(22, 22, 23, 0.8);
	--_lgBxView_BGColor:#e1e1e1;
	--_bxCtcBGColor:#f1f1f1;
	--_cls_on_sell_FLT:brightness(0.4);
	--_cntTxt_TC:#555;
}


/* Dark mode variables */
[data-theme="dark"] {
	--_bottom_BGColor:#254354;
	--_ln_serv_TxtColor:#c1c1c1;
	--_bottom_nav_BGColor:#2B4F62;
	--_lgBxView_BGColor:#2B4F62;
	--_bxCtcBGColor:#1A2D3B;
	--_cls_on_sell_FLT:; /* we unset */
	--_cntTxt_TC:#a1a1a1;
}


/* this is the notification box style */
.BoxNotif{
	width:300px;
	height:auto;
	min-height:50px;
	padding:10px;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
	color:#d1d1d1;
	position:fixed;
	left:20px;
	bottom:-100px;
	z-index:11;
	background-color:#000000aa;
	border-radius:5px;
	visibility:hidden;
	opacity:0;
	transition:0.3s ease-in-out;
	border:1px solid #a1a1a1;
}



/*-----------------------this box will contain sup informations--------------------------*/
.SUPViewBX{
	position:fixed;
	width:100%;
	height:0%;
	left:0px;
	top:0px;
	visibility:hidden;
	opacity:0;
	transition:0.5s ease-in-out;
	z-index:3;
	background-color:#00000070;
	font-family:var(--TvbSUISBold);
	overflow-y:hidden;
	overflow-x:hidden;
}


h5{
	margin-top:5px;
	margin-bottom:10px;
	font-weight:100;
}


._lk_osev_{
	height:48px;
}
/* this will contain terms and condition bx */
.vBxTc{
	width:25%;
	min-width:500px;
	min-height:180px;
	height:auto;
	padding:2%;
	background-color:var(--blackColor_3);
	position:fixed;
	bottom:1px;
	right:0px;
	box-shadow:0 0 5px #d1d1d1;
	color:#d1d1d1;
}




._bx_onAcc_{
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}



._acceptBnt_{
	width:calc(100% - 0px);
	color:#d1d1d1;
	background-color:#000000aa;
	cursor:pointer;
	padding:8px;
	display:inline-block;
	width:auto;
	border:2px solid #444;
	background-color:var(--TvbBaseColor);
	border:2px solid #ffffff20;
}




._bx_scrll_{
	width:100%;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}





/* page bottom view */
._bottom_{
	display:block;
	width:100%;
	padding:0px;
	min-height:360px;
	height:auto;
	/* background-color:var(--TvbFxBlack); */
	background-color:var(--_bottom_BGColor);
	outline:none;
	font-family:UISBold,sans-serif;
}




/* bottom navigation tools */
._bottom_nav_{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	height:35px;
	background-color:var(--_bottom_nav_BGColor);
	/* background-color:var(--TvbAxBlack); */
	display:block;
	position:relative;
	color:#d1d1d1;
}


/*INTERIEUR DU SCROOL*/
._bottom_nav_::-webkit-scrollbar-thumb{
	background-color:transparent;
}


._bottom_nav_::-webkit-scrollbar{
	width:0px;
	height:0px;
	background-color:transparent;
}


/* icon after */
._IcoBtmTxt_{
	width:25px;
	height:25px;
	display:inline-block;
	vertical-align:-7px;
}


._IcoBtmTxt0_{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:-5px;
}



/* text mes */
._btmTxt_{
	font-family:var(--TvbSUIBlack),UISBlack;
	font-size:12pt;
	display:inline-block;
	padding:5px;
	text-transform:uppercase;
}






/* this will contain the box of access link */
._bottom_1{
	width:100%;
	height:auto;
	min-height:220px;
	display:block;
	text-align:center;
}



/* tvb services area */
._btmBox_{
	width:21%;
	height:calc(100% - 20px);
	padding:10px;
	padding-left:0px;
	color:var(--color1);
	text-align:left;
	font-size:14pt;
	margin-right:10px;
	transition:0.1s ease-in-out;
	display:inline-block;
	vertical-align:top;
}


/* this will contain title button */
._btnTitle_{
	font-size:14pt;
	margin-bottom:5px;
	font-family:var(--TvbSUISBold);
	color:#FD9A02;
}


/* this will contain tags */
._unzipTags_{
	display:inline-block;
	float:right;
	width:20px;
	height:20px;
	visibility:hidden;
}




/* this will contain the tags */
._cntTags_{
	width:100%;
	height:auto;
	background-color:inherit;
}






/* this will contain line of informations */
._ln_serv_{
	width:100%;
	font-size:11pt;
	padding:5px;
	padding-left:0px;
	/* color:#c1c1c1; */
	color:var(--_ln_serv_TxtColor);
	cursor:pointer;
	transition:0.1s ease-in-out;
	display:block;
	font-family:var(--TvbSUISBold),UISBold;
}







/* this is the hr bottom element */
._hrBtmView_{
	width:90%;
	height:1px;
	background-color:#aaaaaa50;
	border-width:0px;

}




/* this will contain the bottom language */
._bottom_lang_{
	width:100%;
	height:60px;
	display:block;
	margin-top:30px;
}


/* bottom lang icon */
._bottom_lang_0{
	width:100px;
	height:50px;
	padding-left:5.5%;
	cursor:pointer;
	display:inline-block;
}


/* bottom lang icon */
._bottom_lang_1{
	float:right;
	width:auto;
	height:50px;
	padding-right:5%;
	display:inline-block;
	background-color:inherit;
}


._stdBtmAccess_{
	display:inline-block;
	font-size:11pt;
	color:#d1d1d1;
	padding:10px;
	vertical-align:top;
	padding-top:5px;
	padding-bottom:0px;
	cursor:pointer;
}


/* this will contain copyright */
._stdBtmAccess_1{
	display:inline-block;
	font-size:10pt;
	color:var(--color0);
	padding:6px;
	text-align:left;
}


._sep_btm_{
	display:inline-block;
	height:20px;
	width:3px;
	background-color:var(--color1);
	vertical-align:top;
	border:0px;
}




/* this is the icon that will contain the main view */
._appLIcon_{
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	margin-right:5px;
	margin-left:-7px;
	vertical-align:-14px;
}


/* this will contain the selected langage */
._sltd_lang_{
	display:inline-block;
	font-size:10pt;
	font-family:var(--TvbSUISBold);
	color:#d1d1d1;
}

._unzipTagsTab_{
	visibility:hidden;
	opacity:0;	
}






._cntUsTags_{
	display:inline-block;
	vertical-align:top;
}






/*--------------------------here we have to work with contact us module-------------------------------*/
/* this will content info about off */
._cnt_off_{
	width:100%;
	height:auto;
	padding-bottom:2%;
	white-space:nowrap;
	display:block;
}



._cntAOff_{
	display:inline-block;
	width:33%;
}


._cntAOff1_{
	display:block;
	width:33%;
}




/* this box will content the notification */
._cntB12Not_{
	width:46%;
	height:86%;
	padding:2%;
	position:absolute;
	left:25%;
	top:5%;
	background-color:#000000;
	border:1px solid #a1a1a1;
	color:#d1d1d1;
	text-align:center;
}

._okr{
	background-color:var(--TvbBaseColor);
	color:#d1d1d1;
	cursor:pointer;
	float:center;
	padding:10px;
	width:50px;
	margin-left:calc((100% - 70px) / 2);
	margin-top:10%;
	border-radius:3px;
}


._icOk_{
	width:150px;
	height:150px;
}



._thk_bx_{
	display:block;
	font-size:22pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
}


._thk_bxdsc_{
	display:block;
	margin-top:2%;
	margin-left:15%;
	margin-right:15%;
	width:70%;
	float:center;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
}

/* this wll contain the b1 and b2 area */
._cntB12_{
	width:100%;
	min-height:75%;
	height:auto;
	display:block;
	background-color:inherit;
	display:flex;
	justify-content:center;
}




/* this is the box that will contain the form contact us */
._bxCtc{
	width:48%;
	min-width:800px;
	height:96%;
	position:fixed;
	right:0px;
	top:0px;
	background-color:var(--_bxCtcBGColor);
	padding:2%;
	box-shadow:0 0 88px #000;
}



._bs1cus_{
	width:50%;
	min-height:97%;
	height:auto;
	padding-top:3%;
	display:inline-block;
	background-color:inherit;
}


._bs2cus_{
	width:45%;
	height:97%;
	padding-top:3%;
	padding-left:5%;
	display:inline-block;
	background-color:inherit;
}




._cntTxt_{
	font-size:20pt;
	font-family:var(--TvbSUIBlack),UISBlack;
	color:var(--_cntTxt_TC);
	display:block;
}




/* this will contain the topic */
._cnt_Top_{
	width:100%;
	height:60px;
	display:flex;
	align-items:center;
	margin-top:20px;
	
}


.rdIcon{
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:center;
	margin-right:15px;
	background-color: #d1d1d1;
}


.rdIconBx{
	display:inline-block;
	width:calc(100% - 50px);
}



/* this will contain the message */
.edtMes{
	display:block;
	outline:none;
	width:calc(100% - 10px);
	height:40px;
	margin-bottom:9%;
	background-color:inherit;
	color:#d1d1d1;
	border:0px solid;
	border-bottom-width:1px;
	border-bottom-color:#d1d1d180;
	font-size:12pt;
	font-family:sans-serif;
}




.mesOnTxt{
	display:block;
	outline:none;
	width:calc(100% - 10px);
	height:100px;
	margin-bottom:5%;
	margin-top:3px;
	padding:5px;
	background-color:#ffffff20;
	color:var(--color2);
	border:0px;
	font-family:var(--TvbSUISBold),UISBold;
	font-size:12pt;
	border:1px solid #d1d1d1aa;
}




/* here we have to create the submit button */
.submBnt{
	padding:10px;
	background-color:var(--TvbAxBlack);
	font-family:var(--TvbSUISBold),UISBold;
	cursor:pointer;
	color:#d1d1d1;
	font-weight:bold;
	border-radius:3px; 
}




._cntContIco_{
	height:40px;
	display:inline-block;
	vertical-align:-3px;
	margin-right:10px;
	filter:var(--_cls_on_sell_FLT); /* we unset */
}


._cntContIcoA_{
	height:80px;
	display:inline-block;
}







/* here we have to create the langue module */
._lgBxView_{
	width:400px;
	height:300px;
	/* background-color:var(--TvbAxBlack); */
	background-color:var(--_lgBxView_BGColor);
	position:absolute;
	left:calc((100% - 400px) / 2);
	top:calc((100% - 100px) / 2);
	box-shadow:0 0 3px #d1d1d1;
	border-radius:10px;
}




/* this is the text on select language */
._txt_sell_{
	display:inline-block;
	font-size:20pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	margin-bottom:15px;
}


._crtDivstyl_{
	width: 86%;
    padding: 2%;
    min-height: 80px;
    height: auto;
    margin: 5%;
    background-color: #2f2f2f;
    border-radius: 10px;
}


._Ico_sell_slt_{
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:5px;
	vertical-align:-5px;
	margin-left: auto;
}



._df_Ico_sell_{
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:5px;
	vertical-align:-5px;
}


._txt_sell_slt_{
	display:inline-block;
	font-size:15pt;
	color:var(--color1);
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
}





/*here we create a text for the top*/
._txtTpOnv10_{
	font-family:UISBold,var(--TvbSUISBold),UISBold,sans-serif;
	font-size:18pt;
	color:#d1d1d1;
	padding:20px;
	padding-bottom:10px;
	padding-top:10px;
}


/* this is the close language button */
._cls_on_sell_{
	position:absolute;
	top:15px;
	right:25px;
	width:22px;
	height:22px;
	cursor:pointer;
	filter:var(--_cls_on_sell_FLT);
}


/* top language line */
._tpLgln_{
	padding: 10px;
    width: calc(100% - 20px);
    color: #d1d1d1;
    cursor: pointer;
    background-color: #000;
    display: flex;
    text-align: left;
    border-radius: 10px 10px 0px 0px;
}


._MdLgln_{
	padding: 10px;
    width: calc(100% - 20px);
    color: #d1d1d1;
    cursor: pointer;
    background-color: #000;
    display: flex;
    text-align: left;
	border: 0px solid #555;
    border-top-width: 1px;
}


/* bottom */
._btLgln_{
    padding: 10px;
    width: calc(100% - 20px);
    color: #d1d1d1;
    cursor: pointer;
    background-color: #000;
    display: flex;
    text-align: left;
    border: 0px solid #555;
    border-top-width: 1px;
    border-radius: 0px 0px 10px 10px;
}





/* this box will contain follow us bnt */
.bxCntFoll{
	display:block;
	padding-left:5%;
	padding-right:5%;
	width:90%;
	min-height:80px;
	height:auto;
}



._fficoOnV_{
	width:35px;
	height:35px;
	cursor:pointer;
	margin-right:10px;
	display:inline-block;
	border-radius:10px;
}


._fficoOnVW_{
	width:35px;
	height:35px;
	cursor:pointer;
	margin-right:10px;
	display:inline-block;
}



/* contact and follow us icon */
._cntNFollbx_{
	color:#FD9A02;
	padding-top:15px;
	padding-bottom:15px;
	font-family:sans-serif;
	width:100%;
	display:inline-block;
	font-size:10pt;
}







/*-------------------here we have to create form on create a new project------------------*/
.bxOnAddTWTPrj{
	width:44%;
	min-width:350px;
	height:85%;
	padding:1%;
	padding-top:5px;
	position:absolute;
	left:27%;
	top:5%;
	background-color:var(--blackColor_1);
	box-shadow:0 0 5px #d1d1d1;
	overflow-y:auto;
}


.bxOnAddTWTPrj::-webkit-scrollbar-thumb{
	width:5px;
}


.bxOnAddTWTPrj::-webkit-scrollbar{
	width:5px;
	background-color:transparent;
}




/* this is the top display */
._tpV_{
	width:100%;
	height:auto;
	display:block;
	background-color:var(--TvbAxBlack);
	padding-top:10px;
}




/* this is the button preview on top of the form */
._bntPrvTp_{
	width:33px;
	height:30px;
	cursor:pointer;
	display:inline-block;
	margin:5px;
	margin-top:3px;
	vertical-align:top;
}






._bxLnRq_{
	display:block;
	margin-bottom:20px;
}

/* normal font in line view */
._nFontInLine_{
	width:calc(100% - 43px);
	font-size:12pt;
	color:#c1c1c1;
	display:inline-block;
	font-family:var(--UISBold),sans-serif;
}








/* this will contain the base box */
._bsV_{
	width:90%;
	padding:5%;
	display:block;
	height:auto;
	color:#a1a1a1;
}


._rd_Sel_{
	width:25px;
	height:25px;
	margin:5px;
	margin-top:12px;
	background:#555;
	display:inline-block;
	vertical-align:top;
}


._rd_Txt_{
	width:calc(100% - 50px);
	display:inline-block;
	padding-left:10px;
}











/* this will contain the main buttom base */
._btV_{
	background-color:var(--TvbFxBlack);
	position:fixed;
	bottom:0px;
	left:0px;
	width:90%;
	padding:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-top:1%;
	box-shadow:0 0 5px #000;
}



/* here we have to build the preview button */
._prvBnt_{
	float:left;
	display:inline-block;
	cursor:pointer;
	color:#a1a1a1;
	font-family:var(--UISBold),sans-serif;
	border:2px solid #d1d1d170;
	padding:8px;
	text-align:center;
	min-width:80px;
}

._nxtBnt_{
	float:right;
	display:inline-block;
	cursor:pointer;
	color:#f1f1f1;
	font-family:var(--UISBold),sans-serif;
	border:2px solid #d1d1d170;
	padding:8px;
	text-align:center;
	min-width:80px;
	background-color:var(--TvbBaseColor);
}






._gQtbx_{
	width:98%;
	height:auto
	padding:2%;
}






/* notification in the gt quote */
._ntBx_{
	width:100%;
	height:0%;
	padding:0%;
	opacity:0;
	position:absolute;
	left:0px;
	bottom:0%;
	z-index:1;
	text-align:center;
	background-color:var(--TvbAxBlack);
	transition:0.3s ease-in-out;
	color:#d1d1d1;
	font-size:13pt;
	font-family:var(--TvbSUISBold),UISBold,sans-serif;
}



/* line on contact us form */
._ln_cntcus_{
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:20px;
	border:1px solid #d1d1d130;
	border-radius:5px;
	padding:2px;
}

/* line on contact us form */
._ic_cntcus_{
	width:30px;
	height:30px;
}


/* bottom box view */
._aEditBx_{
	width:calc(100% - 0px);
	height:20px;
	padding:10px;
	outline:none;
	border:0px solid;
	background-color:transparent;
	font-size:12pt;
	color:#d1d1d1;
	outline:none;
}

._aEditBx_::-webkit-input-placeholder{ color:#c1c1c1; } ._aEditBx_::placeholder{ color:#c1c1c1; }
input:-webkit-autofill {
    background-color: #000000;
	color:#c1c1c1;
}
/* Target the input when autofilled */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #515151 inset;
	color:#c1c1c1;
}






._bgfcsofdev_{
	width:100%;
}




/* box that contain email and whatsus */
._bx_cnrmwt_{
	width:100%;
	border:0px solid #d1d1d180;
	border-top-width:2px;
	padding-top:20px;
	margin-bottom:0px;
}


/* line of click */
._ln_cnt_clk_{
	display:flex;
	align-items:center;
	cursor:pointer;
	margin-bottom:20px;
}


/**/
._ico_dm_gq_{
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:10px;
}



._ln_dm_gq_{
	width:calc(100% - 40px);
	font-family:UISBlack,var(--TvbSUISBold),sans-serif;
	font-size:14pt;
}




/* loging out view module */
._loAn_{
	width:100%;
	height:auto;
	text-align:center;
	color:var(--color2);
    display: flex;
    align-items: center;
    justify-content: center;
}



/* the text after progression */
._InPrTxt1_{
	display:inline-block;
	padding-left:8px;
	padding-top: 0px;
	padding-bottom:auto;
}















/*------------------------------tablet style-----------------------------------*/
@media screen and (max-width: 769px) {
	
	/* this will contain the topic */
	._cnt_Top_{
		margin-top:10px;
	}
	
	
	._bs1cus_{
		width:50%;
		min-height:400px;
		height:auto;
		padding-top:3%;
		display:inline-block;
		background-color:inherit;
	}

	/* this is the box that will contain the form contact us */
	._bxCtc{
		width:90%;
		min-width:300px;
		height:95%;
		position:fixed;
		right:0px;
		top:5%;
		background-color:var(--_bxCtcBGColor);
		padding:2%;
		overflow-y:auto;
		box-shadow:0 0 88px #000;
	}


	._bgfcsofdev_{
		width:80%;
		margin:10%;
		margin-top:0px;
		margin-bottom:0px;
	}


	/*-------------------here we have to create form on create a new project------------------*/
	.bxOnAddTWTPrj{
		width:80%;
		min-width:350px;
		height:80%;
		padding:1%;
		padding-top:5px;
		position:absolute;
		left:10%;
		top:11%;
	}
	
	.bxCntFoll{
		padding-left:1%;
		padding-right:1%;
		width:98%;
		height:auto;
		margin-bottom:10px;
	}
	

	._bottom_nav_{
		width:98%;
		padding-left:1%;
		padding-right:1%;
		height:35px;
	}
	
	._bottom_{
		width:100%;		
		min-height:400px;
		height:auto;
		/* background-color:var(--blackColor_3); */
		
		
		background-color: rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(10px);
		
	}
	
	._bottom_1{
		width:100%;
		overflow-x: auto;
		overflow-y:hidden;
		white-space: nowrap; /* Prevents line breaks */
	}
	
	/* For WebKit (Chrome, Safari) */
	._bottom_1::-webkit-scrollbar {
		height:0px;
	}
	
	._bottom_lang_{
		margin-top:0px;
	}
	
	
	._btmBox_{
		display:inline-block;
		width:calc(40% - 10px);
		height:auto;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin:10px;
		margin-left:5px;
		background-color:#000;
		box-shadow:0 0 2px #d1d1d1;
	}
	
	
	
	/* this is the bottom hr element */
	._hrBtmView_{
		width:100%;
		margin:0px;
	}
	
	
	._bottom_lang_0{
		padding:7px;
		padding-left:1%;
		width:calc(99% - 7px);
		height:30px;
		background-color:#000;
	}
	
	._bottom_lang_1{
		padding-right:0%;
		float:left;
		display:block;
		width:100%;
	}
	
	
	
	
	
	/* this will contain tags */
	._cntTags_{
		height:auto;
		padding-left:0px;
		width:calc(100% - 0px);
		display:inline-block;
		
	}
	
	/* app lang icon */
	._appLIcon_{
		width:35px;
		height:35px;
		vertical-align:-10pt;
	}
	
	._sltd_lang_{
		font-size:12pt;
	}
	
	
	/* this will contain tags */
	._unzipTagsTab_{
		visibility:visible;
		opacity:1;
		display:inline-block;
		float:right;
		width:20px;
		height:20px;
		transition:0.5s ease;
	}
	
	
	
	/* this will contain usefull tags */
	._cntUsTags_{
		padding-top:20px;
		display: grid;
		grid-template-columns: auto auto auto auto auto;
		text-transform:uppercase;
		font-size:9pt;
		background-color:var(--blackColor_1);
	}
	
	
	
	._stdBtmAccess_{
		font-size:8pt;
		text-transform:uppercase;
		font-family:var(--TvbSUIBlack),UISBlack;
		text-align:left;
	}
	
	
	._stdBtmAccess_1{
		display:block;
		padding-left:2%;
		width:calc(98% - 6px);
		padding-bottom:10px;
		color:var(--TvbBaseColor);
		font-size:8pt;
		text-transform:uppercase;
		text-align:center;
		background-color:var(--blackColor_1);
		font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
	}
}






/* the app title on desc */
._apTonDsc_{
	    font-family: UISBold, var(--TvbSUISBold), UISBold, sans-serif;
    font-size: 18pt;
    color: var(--color2);
    padding: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
	
	font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
	font-size:16pt;
}












/*---------------------------mobile style--------------------*/
@media screen and (max-width: 480px) {
	._ln_dm_gq_{
		width:calc(100% - 40px);
		font-family:sans-serif,UISBlack,var(--TvbSUISBold),sans-serif;
		font-weight:bold;
	}
		
	._txt_sell_slt_{
		font-size:12pt;
	}
	._btV_{
		padding-bottom:5%;
		padding-top:3%;
	}
	
	._prvBnt_{ margin-top:5px; padding:5px;}
	._nxtBnt_{margin-top:5px; padding:5px;}
	
	
	._nFontInLine_{
		font-size:12pt;
	}
	
	.bxCntFoll{
		padding-left:1%;
		padding-right:1%;
		width:98%;
		margin-right:0px;
		text-align:left;
		
	}
	
	
	._bxCtc{
		width:96%;
		min-width:300px;
		height:calc(98% - 60px);
		position:fixed;
		right:0px;
		top:60px;
		padding:2%;
		box-shadow:0 0 0 88px #00000050;
		overflow-y:auto;
	}
	
	._bxCtc::-webkit-scrollbar{
		width:0px;
		background-color:var(--blackColor_3);
	}
 
	._bsV_{
		width:96%;
		padding:2%;
		padding-bottom:10%;
		display:block;
		height:auto;
		color:#a1a1a1;
	}
	
	.bxOnAddTWTPrj{
		width:98%;
		height:calc(98% - 120px);
		padding:1%;
		padding-top:1%;
		left:0px;
		top:60px;
		bottom:60px;
		overflow-y:auto;
		box-shadow:0 0 0px #d1d1d1;
	}
	
	
	/*INTERIEUR DU SCROOL*/
	.bxOnAddTWTPrj::-webkit-scrollbar-thumb{
		background-color:transparent;
		width:0px;
	}
	
	.bxOnAddTWTPrj::-webkit-scrollbar{
		width:0px;
		height:0px;
		background-color:transparent;
	}
	
	
	
	/* bottom navigation tools */
	._bottom_nav_{
		width:98%;
		padding-left:1%;
		padding-right:1%;
		height:35px;
		white-space:nowrap;
		overflow-y:hidden;
	}
	
	
	
	._bottom_{
		width:100%;
		height:auto;
		min-height:370px;
		background-color: #000;
		backdrop-filter: blur(10px);
		
	}
	
	
	/* this will contain box link */
	._bottom_1{
		height:auto;
		/* background-color:#00000050; */
		width: 100%;
		overflow-x: auto;
		overflow-y:hidden;
		white-space: nowrap; /* Prevents line breaks */
	}
	
	/* For WebKit (Chrome, Safari) */
	._bottom_1::-webkit-scrollbar {
		height:0px;
	}

	
		/* this will contain title button */
	._btnTitle_{
		font-weight:bold;
		font-size:16pt;
		padding-left:1%;
		margin-bottom:5px;
		font-family:var(--TvbSUISBold),UISBold,sans-serif;
		color:#FD9A02;
	}
	
	._bottom_lang_{
		margin-top:0px;
		min-height:120px;
			background-color:#071C3B;
	}
	
	/* line of informations */
	._ln_serv_{
		font-size:12pt;
		width:calc(100% - 10px);
		font-family:sans-serif,var(--TvbSUISBold),UISBold;
	}
	
	
	._btmBox_{
		display:inline-block;
		width:calc(63% - 10px);
		height:auto;
		padding-left:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin:10px;
		margin-left:5px;
		background-color:#071C3B;
		box-shadow:0 0 2px #c1c1c1;
		border-radius:5px;
	}
	
	
	
	/* this is the bottom hr element */
	._hrBtmView_{
		width:0%;
		margin:0px;
		background-color:transparent;
		visibility:hidden;
		display:none;
		opacity:0;
	}
	
	
	._bottom_lang_0{
		padding-left:1%;
		display:block;
		width:calc(100% - 1% - 10px);
		border:1px solid #55555580;
		background-color:#071C3B;
	}
	
	
	._bottom_lang_1{
		float:left;
		display:block;
		width:100%;
		min-height:80px;
		height:auto;
		background-color:#071C3B;
	}
	
	
	
	/* this will contain usefull tags */
	._cntUsTags_{
		width:100%;
		padding-top:10px;
		display: grid;
		grid-template-columns: auto auto auto auto auto;
		background-color:inherit;
	}
	
	
	._stdBtmAccess_{
		font-size:9pt;
		text-transform:uppercase;
		font-family:var(--TvbSUIBlack),UISBlack,sans-serif;
		text-align:left;
		font-weight:bold;
	}
	
	
	._stdBtmAccess_1{
		display:block;
		padding-left:2%;
		width:calc(98% - 6px);
		padding-bottom:10px;
		color:#d1d1d1;
		font-size:8pt;
		text-transform:uppercase;
		font-family:UISBlack,var(--TvbSUIBlack),sans-serif;
		text-align:left;
		background-color:inherit;
	}




	/* this will contain tags */
	._cntTags_{
		height:auto;
		padding-left:1%;
		width:99%;
	}
	
	
	
	/* this will contain tags */
	._unzipTags_{
		visibility:visible;
		display:inline-block;
		float:right;
		width:20px;
		height:20px;
		transition:0.5s ease;
	}
	
	
	
	
	/* app lang icon */
	._appLIcon_{
		width:30px;
		vertical-align:-10px;
		height:30px;
		margin-left:0px;
	}
	
	._unzipTagsTab_{
		width:25px;
		height:25px;
	}
	
	
	
	/* here we have to work with mobile contact us */
	._cntB12_{
		display:block;
		justify-content:justify;
		height:auto;
		
	}
	
	._bs1cus_{
		width:98%;
		height:auto;
		display:block;
		padding:1%;
	}
	
	._bs2cus_{
		width:98%;
		height:auto;
		display:block;
		padding-left:0%;
		padding:1%;
		padding-top:10%;
	}
	
	
	
	._cnt_off_{
		margin-top:15%;
		white-space: normal;
	}
	
	
	._cntAOff1_{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	
	
	
	._cntTxt_{
		font-size:18pt;
	}
	
	
	
	._cntContIco_{
		height:40px;
		vertical-align:-3px;
		display:inline-block;
	}
	
	._cntContIcoA_{
		display:inline-block;
		height:auto;
		width:calc(100% - 60px);
	}
	
	._cntAOff_{
		display:inline-block;
		width:100%;
	}
	
	
	
	.rdIcon{
		width:20px;
		height:20px;
		display:inline-block;
		vertical-align:12px;
		margin-right:15px;
	}
	
	
	/* this will contain the topic */
	._cnt_Top_{
		width:100%;
		height:auto;
		display:block;
		margin-top:8px;
		margin-top:15px;
	}


	.vBxTc{
		height:auto;
		background-color:var(--blackColor_3);
		box-shadow:0 0 0 500px #000000aa;
	}
	
	
	._bx_onAcc_{
		display:inline-block;
		width:98%;
	}

	._cntB12Not_{
		width:94%;
		height:96%;
		padding:2%;
		position:absolute;
		left:1%;
		top:1%;
	}
	
	
	._icOk_{
		width:100px;
		height:100px;
	}
	
	
	.BoxNotif{
		width:calc(97% - 0px);
		height:auto;
		min-height:40px;
		font-family:var(--TvbSUISBold),UISBold,sans-serif;
		color:#d1d1d1;
		left:0px;
		bottom:5px;
		padding:1%;
		border:0px;
		border-radius:0px;
		background-color:#000000ff;
	}
	
	
	._acceptBnt_{
		padding:5px;
		padding-top:6px;
		padding-bottom:6px;
		margin-left:-3px;
		width:calc(100% - 9px);
		font-size:10pt;
		font-family:sans-serif;
		font-weight:bold;
		background-color:var(--TvbBaseColor);
		border:2px solid #ffffff20;
	}
	
	
	.vBxTc{
		width:96%;
		min-width:50px;
	}
	
	
	
	
	/* here we have to create the langue module */
	._lgBxView_{
		width:96%;
		height:290px;
		/* height:42%; */
		background-color:var(--_lgBxView_BGColor);
		position:absolute;
		left:2%;
		border-radius:10px;
		top:unset;
		padding-bottom:20;
		bottom:20px;
	}
	
	
	
	._cntNFollbx_{
		text-align:left;
		padding-bottom:10px;
		padding-left:10px;
		width:calc(100% - 20px);
	}
	
	
	._fficoOnVW_{
		width:30px;
		height:30px;
		margin-left:10px;
		margin-right:7px;
	}
	
	._fficoOnV_{
		width:30px;
		height:30px;
		margin-left:7px;
		margin-right:7px;
	}
}

















/* Styles for Galaxy Fold in landscape mode */
@media screen and (min-width: 280px) and (max-width: 320px) and (max-height: 600px) and (orientation: landscape) {
  /* Your styles for Galaxy Fold in landscape mode go here */
}

/* Styles for Galaxy Fold in portrait mode */
@media screen and (min-width: 280px) and (max-width: 320px) and (min-height: 601px) and (orientation: portrait) {
	/* Your styles for Galaxy Fold in portrait mode go here */
	._tTitle_{
		font-size:15pt;
		margin-top:-3px;
	}
  
  
	._btmBox_{
		width:200px;
	}
  
	._ln_serv_{
		font-size:10pt;
	}
  
	._cntNFollbx_{
		font-size:10pt;
	}
	
	._fficoOnVW_{
		width:30px;
		height:30px;
	}
	
	._fficoOnV_{
		width:30px;
		height:30px;
	}
	
	
	._XsrvIcoDsc_{
		width:25px;
		height:25px;
		vertical-align:-10px;
	}
	
	._h11_{
		font-size:14pt;
	}
	
	._srvIcoDsc_{
		width:25px;
		height:25px;
		vertical-align:-10px;
	}
	
	
	._srvIcoDscTxt_{
		font-size:14pt;
	}
	
	._ln_web_serv_titdesc_{
		font-size:14pt;
	}
	
	
	._srvAppIcon_{
		width:40px;
		height:40px;
	}
	
	
	
}